<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <meta name="keywords" content="百度地图,百度地图API，百度地图自定义工具，百度地图所见即所得工具" />
    <meta name="description" content="百度地图API自定义地图，帮助用户在可视化操作下生成百度地图" />
    <title>联系我们</title>
    <link rel="stylesheet" href="../css/home.css">
    <link rel="stylesheet" href="../css/invest.css">
    <link rel="stylesheet" href="../css/jkd-tab.css">
    <link rel="stylesheet" href="../css/jquery-calendar.css" />
    <link rel="stylesheet" href="../css/jkdpop-box.css">
    <link rel="stylesheet" href="../css/chome.css">
    <link rel="stylesheet" href="../css/infopulish.css">
    <script type="text/javascript" src="../lib/jquery-1.7.2.min.js"></script>
    <script src="../js/home.js"></script>
    <script src="../js/jquery.SuperSlide.2.1.1.js"></script>
    <script type="text/javascript" src="../js/jquery-calendar.js"></script>
    <style>
        .home-a5{color:#f15b3a }
        .jkd-li11 {
            background: url("../images/jkd-icon.png") no-repeat 5px 2px;
        }
        .jkd-li11 a{
            color: #f15b3a
        }
    </style>
    <!--引用百度地图API-->
    <style type="text/css">
        html,body{margin:0;padding:0;}
        .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
        .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
    </style>
    <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
</head>
<body>
<div id="header"></div>
<div class="infopub-content  wd12 mg0">
    <!--侧边栏-->
    <div id="infopub-leftmenu"></div>
    <div class="my-jkd-con fl" style="box-shadow:none;">
        <div class="back-g height60">
            <div class="protitle">
                <div class="progress margin"></div><p style="float: left">联系我们</p> <div class="round margin" style="margin-left: 11px;"></div> <div class="progress margin" style="width:20px;"></div>
            </div>
        </div>
        <div style="clear: both;"></div>
        <div class="height660 back-w" style="width:990px;box-shadow: 2px 2px 4px #dedede;">
            <div class="contact-info height230">
                <div class="contact-info-left fl">
                    <ul>
                        <li>
                            <div class="img-left"><img src="../images/info/telphone.png"></div>
                            <span class="text-right">
                                <p class="servie-title">服务电话</p>
                                <p>400-1888-136   400-6020-603</p>
                                <p>服务时间：09:00-17:00(工作日)</p>
                            </span>
                        </li>
                        <li>
                            <div class="img-left"><img src="../images/info/email.png"></div>
                            <span class="text-right" style="margin-right: 100px;">
                                <p class="servie-title">商务邮箱</p>
                                <p style="padding-bottom: 5px">kefu@jkd.com</p>
                                <p class="servie-title" style="padding-bottom: 5px">客服邮箱</p>
                                <p>kefu@jkd.com</p>
                            </span>
                        </li>
                        <li>
                            <div class="img-left"><img src="../images/info/weibo.png"></div>
                            <span class="text-right" style="margin-right: 142px;">
                                <p class="servie-title">新浪微博</p>
                                <p>金开贷</p>
                            </span>
                        </li>
                        <li>
                            <div class="img-left"><img src="../images/info/wechat.png"></div>
                            <span class="text-right" style="margin-right: 126px;">
                                <p class="servie-title">微信服务号</p>
                                <p>jinkaidai</p>
                            </span>
                        </li>
                    </ul>
                </div>
                <div class="contact-info-right">
                    <ul>
                        <li style="margin-right:35px;"><img src="../images/info/codeserve.png"><p>微信服务号</p></li>
                        <li><img src="../images/info/code.png"><p>微信公众号</p></li>
                    </ul>
                </div>
            </div>
            <div class="height430">
                <div class="company-address">
                    <img class="fl" src="../images/info/location.png"><p style="float: right;font-size: 16px;"><span style="font-weight:800;">公司地址</span> 陕西省西安市高新区锦业路125号半导体产业园203大楼6层</p>
                </div>
                <div id="dituContent" class="map-address">
                </div>
                <script type="text/javascript">
                    //创建和初始化地图函数：
                    function initMap(){
                        createMap();//创建地图
                        setMapEvent();//设置地图事件
                        addMapControl();//向地图添加控件
                        addMarker();//向地图中添加marker
                    }

                    //创建地图函数：
                    function createMap(){
                        var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
                        var point = new BMap.Point(108.849552,34.201098);//定义一个中心点坐标
                        map.centerAndZoom(point,17);//设定地图的中心点和坐标并将地图显示在地图容器中
                        window.map = map;//将map变量存储在全局
                    }

                    //地图事件设置函数：
                    function setMapEvent(){
                        map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
                        map.enableScrollWheelZoom();//启用地图滚轮放大缩小
                        map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
                        map.enableKeyboard();//启用键盘上下左右键移动地图
                    }

                    //地图控件添加函数：
                    function addMapControl(){
                        //向地图中添加缩放控件
                        var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
                        map.addControl(ctrl_nav);
                        //向地图中添加缩略图控件
                        var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
                        map.addControl(ctrl_ove);
                        //向地图中添加比例尺控件
                        var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
                        map.addControl(ctrl_sca);
                    }

                    //标注点数组
                    var markerArr = [{title:"金开贷",content:"陕西金开贷金融服务有限公司",point:"108.849974|34.200964",isOpen:1,icon:{w:23,h:25,l:46,t:21,x:9,lb:12}}
                    ];
                    //创建marker
                    function addMarker(){
                        for(var i=0;i<markerArr.length;i++){
                            var json = markerArr[i];
                            var p0 = json.point.split("|")[0];
                            var p1 = json.point.split("|")[1];
                            var point = new BMap.Point(p0,p1);
                            var iconImg = createIcon(json.icon);
                            var marker = new BMap.Marker(point,{icon:iconImg});
                            var iw = createInfoWindow(i);
                            var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
                            marker.setLabel(label);
                            map.addOverlay(marker);
                            label.setStyle({
                                borderColor:"#808080",
                                color:"#333",
                                cursor:"pointer"
                            });

                            (function(){
                                var index = i;
                                var _iw = createInfoWindow(i);
                                var _marker = marker;
                                _marker.addEventListener("click",function(){
                                    this.openInfoWindow(_iw);
                                });
                                _iw.addEventListener("open",function(){
                                    _marker.getLabel().hide();
                                })
                                _iw.addEventListener("close",function(){
                                    _marker.getLabel().show();
                                })
                                label.addEventListener("click",function(){
                                    _marker.openInfoWindow(_iw);
                                })
                                if(!!json.isOpen){
                                    label.hide();
                                    _marker.openInfoWindow(_iw);
                                }
                            })()
                        }
                    }
                    //创建InfoWindow
                    function createInfoWindow(i){
                        var json = markerArr[i];
                        var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");
                        return iw;
                    }
                    //创建一个Icon
                    function createIcon(json){
                        var icon = new BMap.Icon("http://app.baidu.com/map/images/us_mk_icon.png", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
                        return icon;
                    }

                    initMap();//创建和初始化地图
                </script>
            </div>
        </div>
        <div class="back-g height60">
            <div class="protitle">
                <div class="progress margin"></div><p style="float: left">分站信息</p> <div class="round margin" style="margin-left: 11px;"></div> <div class="progress margin" style="width:20px;"></div></div>
        </div>
        <div class="branch-address">
            <ul>
                <li class="branch-right">
                    <p class="branch-title">湖北分站：</p>
                    <p class="branch-mid">地址：湖北省武汉市武昌区中南路1号国际金融贸易大厦11楼</p>
                    <p>电话027-87307730</p>
                </li>
                <li>
                    <span class="title-coin"><img src="../images/info/hands.png"></span>
                    <p class="branch-title">商务合作：</p>
                    <p class="branch-mid">联系电话：029-68295649  029-68295699</p>
                    <p>联系邮箱：kefu@jkd.com</p>
                </li>
                <li class="branch-right">
                    <p class="branch-title">宁夏分站：</p>
                    <p class="branch-mid">地址：宁夏银川市金凤区黄河东路恒泰商务大厦23层</p>
                    <p>电话：0951-5092222</p>
                </li>
                <li>
                    <span class="title-coin"><img src="../images/info/media.png"></span>
                    <p class="branch-title">媒体采访：</p>
                    <p class="branch-mid">联系电话：029-68295649  029-68295699</p>
                    <p>联系邮箱：media@jkd.com</p>
                </li>
                <li class="branch-right">
                    <p class="branch-title">珠海分站：</p>
                    <p class="branch-mid">地址：广东省珠海市情侣南路428号九洲港大厦313室</p>
                    <p>电话：0756－3262247    3262385</p>
                </li>
                <li>
                    <span class="title-coin"><img src="../images/info/talent.png"></span>
                    <p class="branch-title"><span class="title-coin"><img src="../images/info/talent.png"></span>人才招聘：</p>
                    <p class="branch-mid">联系电话：029-68295649  029-68295699</p>
                    <p class="branch-mid">联系邮箱：hr@jkd.com</p>
                    <a href="employ.html">浏览更多招贤信息</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<div style="clear: both"></div>
<div id="footer">
</div>
</body>
</html>
